<template>
  <el-dialog title="身份认证查看" :close-on-click-modal="false" :visible.sync="messageShow" class="view">
    <div class="mod-config" >
      <div style="padding: 10px 40px;margin-bottom: 25px;">
        <el-row :gutter="20">
          <el-col :span="8">真实姓名</el-col>
          <el-col :span="16">{{ dataInfo.realName }}</el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">纳税身份证号</el-col>
          <el-col :span="16">{{ dataInfo.idCard }}</el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">实名认证手机号</el-col>
          <el-col :span="16">{{ dataInfo.authenticatedPhone }}</el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">支付宝账号</el-col>
          <el-col :span="16">{{ dataInfo.alipayAccount }}</el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">银行卡号</el-col>
          <el-col :span="16">{{ dataInfo.bankCardNumber }}</el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="8">开户行</el-col>
          <el-col :span="16">{{ (dataInfo.bankName?dataInfo.bankName:'')+(dataInfo.branchBankName?dataInfo.branchBankName:'') }}</el-col>
        </el-row>
      </div>
    </div>
    <span slot="footer" class="dialog-footer">
      <el-button @click="messageShow = false">取消</el-button>
    </span>
  </el-dialog>
</template>

<script>
  export default {
    data() {
      return {
        messageShow: false,
        dataInfo: {},
        dataListLoading: false
      };
    },
    methods: {
      init (id) {
        this.dataInfo = {}
        this.messageShow = true
        this.$http({
          url: this.$http.adornUrl(`/account/saleAccount/authenticateInfo/${id}`),
          method: "get",
        }).then(({ data }) => {
          this.dataInfo = data.authenticateInfo
        })
      }
    }
  };
</script>
<style scoped>
  .el-row{
    font-size: 16px;
    margin: 15px 0;
  }
  .cencontent{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .colcontent{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #f2f2f2;
    width: 31.8%;
    margin-bottom: 25px;
    padding: 15px 15px 5px 15px;
  }
  .title{
    font-size: 17px;
    font-weight: 600;
  }
  .titlefu{
    font-size: 14px;
    margin-top: 18px;
  }
  .cencontent .el-row{
    font-size: 12px;
    margin: 10px 0;
  }
</style>
